@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1366px) {
  .newsDel .common-title p {
    font-size: 14px;
  }
  .newsDel .time {
    font-size: 13px;
    margin-top: 15px;
  }
  .newsDel-con {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
  }
  .newsDel {
    padding: 15px 0;
  }
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1200px) {
  .newsConsultation li {
    height: auto;
    padding: 10px;
    margin-bottom: 15px;
  }
  .newsConsultation li .tl h6 {
    font-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .header {
    display: none;
  }
  .mobile-inner-header {
    display: block;
  }
  .common-card {
    width: 100%;
    padding: 0 2%;
  }
  .common-tl h2,
  .argument .tl h2 span,
  .argument .tl h2 i,
  .application li .skm,
  .new-con li .time span,
  .new-con li .text h6,
  .footer .bto li p,
  .productInner .lt .tl h6,
  .detail .rt .top h6,
.caseSecond .top .text h6 {
    font-size: 16px;
  }
  .common-tl p,
  .argument .tl p,
  .productInner .lt .tl P,
  .contactUs .tl p,
  .newsDel .common-tl p {
    font-size: 14px;
    margin-top: 8px;
  }
  .productCenter .nav {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .productCenter .nav a {
    width: fit-content;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    padding: 0 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .productCenter .nav a::after {
    width: 15px;
    height: 15px;
    margin-left: 10px;
  }
  .tempWrap {
    width: 100% !important;
  }
  .productItem li {
    width: 250px;
    height: auto;
    margin: 0 10px 15px 0;
  }
  .productItem .img {
    height: 200px;
  }
  .productItem .img img {
    width: auto;
    height: 100%;
  }
  .productItem .name {
    height: 30px;
    font-size: 14px;
    padding: 0 15px 0 10px;
  }
  .productItem .name::after {
    width: 20px;
    height: 20px;
  }
  .caseSwiper img {
    width: 100%;
    height: auto;
  }
  .caseSwiper .name,
  .caseInner li .name {
    font-size: 14px;
    margin-top: 15px;
  }
  .caseSwiper a,
  .caseInner li a {
    padding: 10px;
  }
  .case {
    padding: 15px 0;
  }
  .argument ul,
  .application ul {
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .argument ul li {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    height: 350px;
    padding: 15px;
    margin-bottom: 10px;
  }
  .argument ul li:nth-child(2n) {
    margin-right: 0;
  }
  .argument li img {
    width: 60px;
    height: auto;
    object-fit: cover;
  }
  .argument li h6 {
    font-size: 16px;
    margin: 15px 0;
  }
  .argument li .ls,
  .about-con .text .ls,
  .footer .bto li a,
  .footer .bto li span,
.caseSecond .top .text .ls {
    font-size: 14px;
    line-height: 30px;
  }
  .argument .tl h2::after {
    display: none;
  }
  .argument li .nu {
    font-size: 24px;
    bottom: 3%;
  }
  .about-con .text h6 {
    font-size: 18px;
  }
  .about-con .tl h6::after {
    font-size: 38px;
    top: -10px;
  }
  .about-con .tl img {
    width: 25px;
    height: auto;
  }
  .about-con,
  .new-con,
  .footer .bto,
  .productInner .common-card,
  .contactUs .top ul,
  .contactUs .bto {
    flex-wrap: wrap;
  }
  .about-con .img,
  .new-con img {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .about-con {
    margin-top: 15px;
    padding: 10px;
  }
  .application li,
  .productInner li {
    width: calc((100% - 40px) / 3);
    height: auto;

    margin: 0 10px 10px 0;
  }
  .new-con li .time p {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .new-con li .text .ls {
    font-size: 14px;
    line-height: 30px;
    margin-top: 5px;
  }
  .new-con ul {
    margin-top: 25px;
  }
  .new-con {
    padding: 10px;
  }
  .number .text,
  .footer .bto li:nth-child(1) {
    display: none;
  }
  .number li span {
    font-size: 24px;
  }
  .number li i,
  .number li h6 {
    font-size: 14px;
  }
  .footer {
    padding: 0 2%;
  }

  .footer .bto .lt {
    width: 100%;
  }
  .footer .bto .logo {
    height: 40px;
    object-fit: contain;
  }
  .footer {
    padding-top: 20px;
  }
  .footer .bottom {
    font-size: 14px;
    padding: 10px 0;

    margin-top: 10px;
  }
  .number {
    margin-bottom: 40px;
  }
  .footer .bto li img {
    width: 120px;

    height: 120px;
    margin-top: 10px;
  }
  .footer .bto h5 {
    font-size: 16px;
    letter-spacing: 5px;
    margin-top: 10px;
  }
  .productInner .lt {
    width: 100%;
    margin-right: 0;
  }
  .productInner .lt .tl {
    height: auto;
    padding: 20px 2%;
  }
  .productInner .list a {
    font-size: 15px;
    padding-left: 10px;
    line-height: 35px;
    height: 35px;
  }
  .productInner .list {
    margin-bottom: 15px;
  }
  .productInner li .img {
    height: 200px;
    padding: 10px;
  }
  .productInner li .name {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    padding: 0 15px;
  }
  .productInner li:nth-child(3n) {
    margin-right: 0;
  }
  .productInner li .name::before {
    width: 20px;
    height: 20px;
    margin-left: 15px;
  }
  .environment li img {
    height: 200px;
  }
  .environment li {
    width: 250px;

    margin: 0 10px 10px 0;
  }
  .environment li .name {
    height: 35px;
    font-size: 15px;
    line-height: 35px;
  }
  .aptitude li {
    width: 180px;
    height: 245px;
    margin: 0 10px 10px 0;
  }
  .contactUs .top li {
    width: 100%;
    flex-grow: 1;
    flex-basis: 250px;
    height: auto;
    padding: 20px 10px;
    margin: 0 10px 10px 0;
  }
  .contactUs .top li img {
    width: 35px;
  }
  .contactUs .top li .ls {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
  }
  .contactUs h3 {
    font-size: 16px;
    margin: 15px 0;
  }
  .contactUs .bto img {
    width: 100%;
    height: auto;

    margin-left: 0;
  }
  .form input[type='text'] {
    height: 35px;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 10px;
  }
  .form textarea {
    width: 100%;
    height: 90px;
    font-size: 14px;
    padding: 10px 0 0 10px;

    margin-bottom: 15px;
  }
  .form input[type='submit'] {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
  .contactUs .bto {
    flex-direction: column-reverse;
  }
  .contactUs .tl .br::after {
    width: 40px;
    height: 4px;
  }
  .newsConsultation li img {
    width: 250px;
    height: auto;
    margin-right: 10px;
  }
  .newsConsultation .tl span {
    font-size: 15px;
  }
  .newsConsultation li .more {
    padding: 0 15px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px;
  }
  .newsConsultation,
  .caseInner,
  .application {
    padding: 15px 0;
  }
  .caseInner li {
    width: calc((100% - 20px) / 3);

    margin: 0 10px 10px 0;
  }

.tabulation span {
       font-size: 14px !important;
    line-height: 30px;
}
.caseSecond .top {
    height: auto;
    padding: 10px;
}



}

@media screen and (max-width: 768px) {
  .mobile-inner-header .logo img {
    width: 100%;
  }
  .mobile-inner-header .logo {
    margin: 0 5%;
  }
  .application li {
    width: calc((100% - 20px) / 2);
  }
  .application li:nth-child(2n) {
    margin-right: 0;
  }

  .productInner li {
    width: calc((100% - 10px) / 2);
  }
  .productInner li:nth-child(3n) {
    margin-right: 10px;
  }
  .productInner li:nth-child(2n) {
    margin-right: 0;
  }
  .detail .rt .top img {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .contactUs .tl span {
    font-size: 16px;
    margin: 0 15px;
  }
  .newsConsultation li a {
    flex-wrap: wrap;
  }
  .newsConsultation li img {
    width: 100%;
    margin-right: 0;
  }
  .newsConsultation li .text {
    margin-top: 15px;
  }
  .caseInner li {
    width: calc((100% - 10px) / 2);
  }
  .caseInner li:nth-child(3n) {
    margin-right: 10px;
  }
  .caseInner li:nth-child(2n) {
    margin-right: 0;
  }
.caseSecond .top img {
    width: 100%;
    margin-right: 0;
        margin-bottom: 15px;
}
.caseSecond .top {
    flex-wrap: wrap;
}
.caseSecond ul li {
    width: calc((100% - 10px) / 2);
    margin-right:10px;
}


}
@media screen and (max-width: 420px) {
  .productCenter .nav a {
    width: 100%;
    margin-right: 0;
  }
  .argument ul li {
    width: 100%;
    margin-right: 10px;
    height: 350px;
  }
  .argument ul li {
    margin-right: 0;
  }
  .number ul {
    flex-wrap: wrap;
  }
  .number ul li {
    flex-grow: 1;
    flex-basis: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
  }
  .footer .bto ul {
    margin-top: 15px;
  }
  .productInner li .name {
    padding-right: 30px;
  }
  .contactUs .top li {
    height: 130px;
    margin-right: 0;
  }
  #map {
    height: 150px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 375px) {
  .application li {
    width: calc((100% - 10px) / 2);
  }
  .application li:nth-child(2n) {
    margin-right: 0;
  }
  .caseInner li,
  .caseInner li:nth-child(3n) {
    width: 100%;
    margin-right: 0;
  }
.caseSecond ul li {
    width:100%;
    margin-right: 0;
}
}

@media screen and (max-width: 360px) {
  .productInner li {
    width: 100%;
  }
  .productInner li,
  .productInner li:nth-child(3n),
  .application li {
    margin-right: 0;
  }
  .application li {
    width: 100%;
  }
}